<template>
	<view class="layer">
		<IndexHead :config="navConfig"/>
		
		<view class="one">
			<view><image src="../../../../static/myPic/reQiqiu.jpg" mode=""></image><view class="text1">热气球</view><view class="paidui">正在排队</view></view>
		</view>
		<view class="two">
			<navigator url=""><image src="../../../../static/myPic/2weima.png" mode=""></image></navigator>
			<view class="lines">
				<view class="PDbianhao">您的排队编号为:  </view><view class="bianhao"><navigator>D210</navigator></view>
			</view>
		</view>
		<view class="three">
			<view class="PDtime">排队时间:  2019-09-09  10:30</view>
			<view class="PDwait"><navigator url="">12人</navigator><view class="waits">正在排队，需等待21分钟</view></view>
		</view>
		
		
	</view>
</template>

<script>
	export default{
			data(){
				return{
					navConfig:{
						backgroundColor: 'transparent',
						color: '#fff',
						common:{
							hasSearch:false,
							hasMenu:false,
							hasTitle:true,
							minHead:true,
						},
						left: {
							img:'',
							text:'',
						},
						mid:{
							title:'排队码',
							hasSearchMid:false
						},
						right:{
							
						}
					},
					curTabIndex: 0,
				}
			}
		}
</script>

<style>
	*{
		margin: 0;
		padding: 0;
	}
	
	i {
		font-style: normal;
	}
	
	.layer{
		position: absolute;
		width: 750upx;
		height: 1334upx;
		background-color: #F6F6F6;
	}
	.bgc{
		position: relative;
		width: 750upx;
		height: 130upx;
		background-color: #F6F6F6;	
	}
	
	.headIcon{
		position: absolute;
		margin-top: 54upx;
	}
	
	.headIcon text{
		width: 20upx;
		height: 36upx;
		margin-left: 29upx;
		color: #333333;
		font-size:32upx;
		margin-top: 61upx;
	}
	.headIcon i{
		width: 126upx;
		height: 31upx;
		margin-left: 22upx;
		font-size: 32upx;
		font-family: PingFang SC Regular;
		color: #333333;
	}
	/* 第一行 */
	.one{
		width: 750upx;
		height: 124upx;
		background-color: #fff;
	}
	.one image{
		margin-left: 39upx;
		margin-top: 29upx;
		border-radius: 50upx;
		width: 62upx;
		height: 62upx;
		float: left;
	}
	.one .text1{
		float: left;
		margin-left: 24upx;
		margin-top: 40upx;
		width: 80upx;
		height: 25upx;
		font-size: 26upx;
		font-family: PingFang SC Regular;
		color: #333333;
	}
	.one .paidui{
		float: left;
		margin-left: 392upx;
		margin-top: 46upx;
		width: 105upx;
		height: 25upx;
		font-size: 26upx;
		font-family: PingFang SC Regular;
		color: #999999;
	}
	/* 第二行 */
	.two{
		margin-top: 15upx;
		background-color: #fff;
		width: 750upx;
		height: 471upx;
	}
	.two image{
		margin-top: 38upx;
		margin-left: 192upx;
		width: 400upx;
		height: 329upx;
	}
	.lines{
		display: block;
		height: 25upx;
		width: 750upx;
	}
	.PDbianhao{
		float: left;
		margin-left: 228upx;
		margin-top: 38upx;
		width: 235upx;
		height: 25upx;
		font-size: 26upx;
		font-family: PingFang SC Regular;
		color: #000000;
	}
	.bianhao{
		float: left;
		width: 55upx;
		height: 25upx;
		margin-left: 35upx;
		margin-top: 38upx;
		font-size: 26upx;
		font-family: PingFang SC Regular;
		color: #2B82FF;
	}
	/* 第三行 */
	.three{
		position: relative;
		margin-top: 15upx;
		width: 750upx;
		height: 585upx;
		background-color: #fff;
	}
	.three .PDtime{
		position: absolute;
		width: 600upx;
		height: 30upx;
		font-size: 26upx;
		font-family: PingFang SC Regular;
		color: #000000;
		margin-left: 40upx;
		margin-top: 30upx;
	}
	.three .PDwait{
		position: absolute;
		width: 600upx;
		height: 35px;
		font-size: 36px;
		font-family: PingFang SC Regular;
		color: #000000;
		margin-left: 153upx;
		margin-top: 105upx;
	}
	.three navigator{
		float: left;
		font-size: 36upx;
		font-family: PingFang SC Regular;
		color: #2B82FF;
	}
	.waits{
		font-size: 36upx;
	}
	
</style>
